<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登陆</title>
<style type="text/css">
.login{
	width: 100%;
	height: 100%;
	background: url(welcome3.jpg) no-repeat;
	background-size: cover;
	position: fixed;
	z-index: -10;
	text-align: center;
}
.welcome{
	width:100%;
	margin:20% 0;
}
.welcome img{
	width:100%;
}
.login-inp{
	margin:0 30px 15px 30px;
	border:1px solid #FFF;
	border-radius:25px;
	display:flex;
	align-items:center;
}
.login-inp input{
	line-height:40px;
	color:#FFF;
	background-color:transparent;
	border:none;
	outline:none;
	font-size:4vw;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	padding:8px 15px;
}
.login-txt{
	text-align:center;
	color:#FFF;
	margin:0 30px 15px 30px;
	border:1px solid #FFF;
	border-radius:25px;
}
.login-txt input{
	font-weight:500;
	color:#FFF;
	padding:15px 5px;
	background-color:transparent;
	border:none;
	font-size:25px;
}
.forgetpwd{
	font-weight:500;
	color:#FFF;
	padding:15px 5px;
	background-color:transparent;
	border:none;
	font-size:15px;
	width:80%;
	text-align:right;
	margin:0 10%;
}
</style>
<link href="demo1.css" type="text/css" rel="stylesheet" />
</head>
<body class="login">
<div>
<div>
<img src="welcome2.jpg"/>
</div>
<div class="login-form">
<div>
<input id="txtName" type="text" placeholder="请输入账号" />
</div>
<div>
<input id="txtPass" type="password" placeholder="请输入密码" />
</div>
<div> 
<input type="password" id="txtSms" placeholder="请输入短信" />
</div>
<div>
  <input id="getSmsBtn" type="button" value="获取短信验证码" />
<input id="loginBtn" type="button" value="登陆" />
</div>
</div>
<div>
<a href="#">忘记密码？</a>
</div>
</div>
</p>
</div>
</body>
</html>
